<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>森海塞尔</title>
    <script src="./js/template-web.js"></script>
    <script src="./js/ajax.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/buy.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div>
            <div>
                <a href="/"><img src="./images/index/jianjian-logo.png"></a>
            </div>
            <div class="nav">
                <div class="point liner active">
                    <a href="javascript:;">我的购物车</a>
                </div>
                <div class="point liner active">
                    <a href="javascript:;">填写核对订单</a>
                </div>
                <div class="point active">
                    <a href="javascript:;">成功提交订单</a>
                </div>
            </div>
        </div>
    </header>

    <table></table>
    <!-- 内容 -->
    <div class="container">
        <div class="success">
            <img src="./images/index/success.png">
            <p>订单提交成功，快去付款吧~</p>
            <p>请在 <span>24小时内</span> 完成支付，逾期订单将被取消！</p>
        </div>

        <div class="order_info">
            <script id="buy_info" type="text/html">
                <p>应付金额：<span class="price">¥{{allPrice}}</span></p>
                <p>订单编号：<span>{{orderTime}}</span></p>
                <p>收货地址：<span>{{address.addressName}}&nbsp;&nbsp;{{address.cellphone}}&nbsp;&nbsp;{{address.province}}{{address.city}}&nbsp;&nbsp;{{address.address}}</span></p>
            </script>
        </div>

        <div class="play">
            <p>支付平台</p>
            <a href="javascript:;" class="active">
                <img src="./images/index/icon-19.png">支付宝
            </a>
            <a href="javascript:;">
                <img src="./images/index/icon-20.png">微信
            </a>
        </div>

        <div class="btn">
            <button type="button">立即支付</button>
        </div>
    </div>

    <!-- 尾部 -->
    <iframe src="./footer.html" width="100%" frameborder="0" scrolling="no" height="414px"></iframe>

    <script src="./js/buy.js"></script>
</body>

</html>